{% load static %}
<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <title>主页</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="{% static 'images/icon/favicon.png' %}">

    <!-- CSS here -->
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
</head>
<body>
    <header>
        <div class="header-area header-transparent">
            <div class="main-header header-sticky" style="width: 100%">
                <div class="container-fluid">
                    <div class="menu-wrapper d-flex align-items-center justify-content-between">
                        <div class="left-content d-flex align-items-center">
                            <div class="logo">
                                <a href="{% url 'index' %}"><img src="{% static 'images/logo/logo-test.png' %}" alt=""></a>
                            </div>

                            <!-- Main-menu -->
                            <div class="main-menu d-none d-lg-block">
                                <nav>
                                    <ul id="navigation">
                                        <li><a href="{% url 'index' %}">主页</a></li>
                                        <li><a>列表<i class="fas fa-angle-down"></i></a>
                                            <ul class="submenu">
                                                <li><a href="{% url 'funds' %}">基金列表</a></li>
                                                <li><a href="{% url 'users' %}">用户列表</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="{% url 'chart' %}">统计图表</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <!-- Button -->
                        <div class="buttons">
                            <ul>
                                <li class="button-header">
                                    <form action="{% url 'logout' %}">
                                        <input type="submit" value="退出登录" class="btn header-btn2">
                                    </form>
                                    <!--<a href="#" class="btn header-btn2">退出登录</a>-->
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- Mobile Menu -->
                    <div class="col-12">
                        <div class="mobile_menu d-block d-lg-none"></div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
        <!-- Hero Area Start-->
        <div class="slider-area hero-bg1">
            <div class="single-slider hero-overly  slider-height1 d-flex align-items-center">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xl-9 col-lg-11">
                            <!-- Hero Caption -->
                            <div class="hero-caption pt-10">
                                <h1 style="font-size: 70px">智投基金模拟操作平台</h1>
                                <p>欢迎登录管理员账号！在这里，您可以进行基金、用户的管理和查看统计数据！</p>
                            </div>
                            <!--Hero form -->
                            <form action="{% url 'search' %}" class="search-box mb-45">
                                <div class="input-form">
                                    <input type="text" placeholder="e.g. abcd" name="user">
                                    <span>搜索用户</span>
                                </div>
                                <div class="input-form">
                                    <input type="text" placeholder="e.g. 000001" name="fund">
                                    <span>搜索基金</span>
                                </div>
                                <div class="search-form">
                                    <input class="fas fa-search btn" type="submit" value="search">
                                    <!--<a href="#"><i class="fas fa-search"></i>Search</a>-->
                                </div>
                            </form>
                            <!-- hero category1 img -->
                            <div class="category-items text-center">
                                <ul>
                                    <li><a href="#">真实</a></li>
                                    <li><a href="#">可靠</a></li>
                                    <li><a href="#">便捷</a></li>
                                    <li><a href="#">稳定</a></li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Hero Area End-->

        <!-- You Interested  Start-->
        <section class="popular-location section-padding section-bg">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- Section Tittle -->
                        <div class="section-tittle text-center mb-80">
                            <h2>客户端界面</h2>
                            <p>使用微信小程序即可查看基金、模拟买入和卖出基金</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-12">
                        <div class="row">
                            <div class="col-lg-12 col-md-6 col-sm-6">
                                <div class="single-location mb-20">
                                    <div class="location-img">
                                        <img src="{% static 'images/index/follow.jpg' %}" alt="">
                                    </div>
                                    <div class="location-details">
                                        <h4><a href="#">关注基金</a></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-6">
                                <div class="single-location mb-20">
                                    <div class="location-img">
                                        <img src="{% static 'images/index/hold.jpg' %}" alt="">
                                    </div>
                                    <div class="location-details">
                                        <h4><a href="#">基金持仓</a></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-12 col-sm-10">
                        <div class="single-location mb-20">
                            <div class="location-img">
                                <img src="{% static 'images/index/list.jpg' %}" alt="">
                            </div>
                            <div class="location-details location-details2">
                                <h4><a href="#">基金列表</a></h4>

                                <a href="{% url 'funds' %}" class="location-btn">查看</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-12">
                        <div class="row">
                            <div class="col-xl-12 col-lg-12 col-md-6 col-sm-6">
                                <div class="single-location mb-20">
                                    <div class="location-img">
                                        <img src="{% static 'images/index/detail.jpg' %}" alt="">
                                    </div>
                                    <div class="location-details">
                                        <h4><a href="#">基金详情</a></h4>
                                    </div>
                                </div>
                            </div>
                            <!--
                            <div class="col-xl-12 col-lg-12 col-md-6 col-sm-6">
                                <div class="single-location mb-20">
                                    <div class="location-img">
                                        <img src="{% static 'images/gallery/home-blog5.jpg' %}" alt="">
                                    </div>
                                    <div class="location-details">
                                        <h4><a href="#">Outdoor</a></h4>
                                    </div>
                                </div>
                            </div>
                            -->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--You Interested  End -->


        <!-- video_End -->
    </main>
    <footer>
        <div class="footer-wrapper gray-bg">
            <div class="footer-area footer-padding">
                <div class="container">
                    <div class="row justify-content-between">
                    <p style="text-align: center;color: white">软工2021|<a href="https://www.buaa.edu.cn">BUAA</a></p>



                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer-bottom area -->

</footer>

</body>
</html>